<template>
    <div>
        当前颜色：{{ color }}
    </div>
</template>

<script setup lang="ts">
type Arr = [1, 2, 3]

type TupleToUnion<T extends any []> = T[number]

//  expected to be 1 | 2 | 3
type Test = TupleToUnion<Arr>


// 使用场景：元组类型中，选择一个作为类型
// 案例: 颜色枚举，从枚举中选择一个颜色作为类型
type Colors = ['red', 'green', 'blue']

type Color = TupleToUnion<Colors>

let color: Color = 'red'


</script>

<style scoped>

</style>